<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="./css/gd.css">
</head>

<body>
    <section class="gd-home">
        <img src="./images/gd-full.jpg" alt="">
        <div class="content">
            <div>
                <h2>
                    关东
                </h2>
            </div>
            <div>
                <p>
                    关东地区位于日本本州岛东部，
                    是日本人口最密集、经济最发达的区域
                </p>
            </div>
            <div>
                <p>
                    「東京の灯は星のように冷たい。
                    高層ビルの窓から見下ろす街は、
                    無数の光の粒が蠢く蟻の巣のようだ。」
                </p>
            </div>
        </div>

    </section>
    <section class="gd-detail">
        <div>
            <h2>关东以世界最大都会区——东京为中心，
                但也拥有古朴的山区度假胜地和风光秀丽的亚热带岛屿
            </h2>
            <p>
                东京这座巨大的都市融合了现代的繁华与旧时的宁静，
                满足您的各种感官享受。在飞奔前往京都或更远的地方之前，
                不妨先探索关东地带的温泉区、未经破坏的山林峡谷、
                原始纯净的海滩以及联合国教科文组织指定的世界遗产与文化瑰宝。
                特色多元的港口城市横滨，自然景观秀丽的群马、埼玉和茨城，
                均与东京相隔不远。火山地形的小笠原群岛拥有独特的野生动植物和干净的水域，
                是亚热带地区的度假首选。关东的餐饮文化与地理风貌一样多元。
                这里汇集着来自世界各地的各种美食，而且各种价位皆有，任您选择。
            </p>
        </div>
        <div class="anima">
            <img src="./images/qzay.jpg" alt="">
        </div>
        <div>
            <h2>不容错过</h2>
            <div>
                <ul>
                    <li>东京市中心五光十色的繁华景象</li>
                    <li>悠闲地探索世界遗产：日光市</li>
                    <li>沿着东京一路向南游览火山脉环岛</li>
                    <li>在群马、埼玉和茨城体验蹦极、单板滑雪、峡谷漂流和其它户外活动</li>
                </ul>
            </div>
        </div>
    </section>
    <section class="gd-search">
        <div class="images-container">
            <div class="item">
                <h2>东京</h2>
                <img src="./images/dj.jpg" alt="">
                <img src="./images/dj.svg" alt="">
            </div>
            <div class="item">
                <h2>茨城</h2>
                <img src="./images/cc.jpg" alt="">
                <img src="./images/cc.svg" alt="">
            </div>
            <div class="item">
                <h2>栃木</h2>
                <img src="./images/lm.jpg" alt="">
                <img src="./images/lm.svg" alt="">
            </div>
            <div class="item">
                <h2>埼玉</h2>
                <img src="./images/qiyu.jpg" alt="">
                <img src="./images/qiyu.svg" alt="">
            </div>
            <div class="item">
                <h2>群马</h2>
                <img src="./images/qm.jpg" alt="">
                <img src="./images/qm.svg" alt="">
            </div>
            <div class="item">
                <h2>千叶</h2>
                <img src="./images/qy.jpg" alt="">
                <img src="./images/qy.svg" alt="">
            </div>
        </div>
    </section>
    <script src="./js/gd.js"></script>
</body>

</html>